<template>
  <div class="more">
    <div class="subscribe">
      <div class="server" v-if="dy">
        <span>订阅服务查看最新提醒</span>
        <div class="button" @click="tologin('/task/pay')">去订阅服务</div>
      </div>
    </div>
    <ToolBar :names="names"></ToolBar>
    <History :show="show" :limit="20" @getDy="getdy"></History>
  </div>
</template>

<script>
import ToolBar from "@/components/Home/ToolBar.vue";
import History from "@/components/Home/History.vue";
export default {
  name: "MoreList",
  components: {
    ToolBar,
    History
  },
  data() {
    return {
      value: false,
      names: "历史回测",
      show: false,
      dy:false
    };
  },
  methods: {
    changestatus(val) {},
    getdy(status){
      this.dy = status
    }
  }
};
</script>

<style scoped>
.server {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F7F7F7;
  height: 3rem;
  font-size: 1rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  padding: 0 1rem;
}
.server span{
  font-size:0.94rem;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(51,51,51,1);
}
.more {
  background: #fff;
  position: relative;
  top: 2.5rem;
  left: 0;
  right: 0;
  padding-top: 0.5rem;
}
.button{
  width:6.13rem;
  height:2rem;
  background:rgba(20,163,101,1);
  border-radius:0.2rem;
  font-size:0.94rem;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(255,255,255,1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.padding_lr5 {
  padding: 0 0.5rem;
}
</style>